<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<canvas id="mycanvas" width="600px" height="600px"></canvas>
		<script type="text/javascript">
			const mycanvas = document.getElementById('mycanvas');
			const ctx = mycanvas.getContext('2d');
			ctx.beginPath();
			ctx.moveTo(280 ,200);
			ctx.arc(200 , 200 , 80 , 0 , Math.PI*2 , true);
			ctx.stroke();
			
			ctx.moveTo(185 , 190);
			ctx.arc(180 , 190 , 5 , 0 , Math.PI*2 , true);
			ctx.stroke();
			
			ctx.moveTo(225 , 190);
			ctx.arc(220 , 190 , 5 , 0 , Math.PI*2 , true);
			ctx.stroke();
			
			ctx.moveTo(260 , 200);
			ctx.arc(200 , 200 , 60 , 0 , Math.PI , false);
			ctx.stroke();
		</script>
	</body>
</html>
